<template>
  <!-- #region template -->
  <BAlert
    :model-value="true"
    variant="primary"
    ><a
      href="#alert-link-colors"
      class="alert-link"
      >Primary Alert</a
    ></BAlert
  >
  <BAlert
    :model-value="true"
    variant="secondary"
    ><a
      href="#alert-link-colors"
      class="alert-link"
      >Secondary Alert</a
    ></BAlert
  >
  <BAlert
    :model-value="true"
    variant="success"
    ><a
      href="#alert-link-colors"
      class="alert-link"
      >Success Alert</a
    ></BAlert
  >
  <BAlert
    :model-value="true"
    variant="danger"
    ><a
      href="#alert-link-colors"
      class="alert-link"
      >Danger Alert</a
    ></BAlert
  >
  <BAlert
    :model-value="true"
    variant="warning"
    ><a
      href="#alert-link-colors"
      class="alert-link"
      >Warning Alert</a
    ></BAlert
  >
  <BAlert
    :model-value="true"
    variant="info"
    ><a
      href="#alert-link-colors"
      class="alert-link"
      >Info Alert</a
    ></BAlert
  >
  <BAlert
    :model-value="true"
    variant="light"
    ><a
      href="#alert-link-colors"
      class="alert-link"
      >Light Alert</a
    ></BAlert
  >
  <BAlert
    :model-value="true"
    variant="dark"
    ><a
      href="#alert-link-colors"
      class="alert-link"
      >Dark Alert</a
    ></BAlert
  >
  <!-- #endregion template -->
</template>
